.cart {
  padding: 1rem 0;
  padding-bottom: 4rem;

  .page-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .title {
      font-family: "BTBlack";
      margin-bottom: 1rem;
    }

    .tips-frame {
      width: 100%;
      height: 2rem;
      border: 1px solid #000;
    }

    .cart-tips {
      width: 100%;
      clear: both;
      font-size: 2rem;
      color: #000;
      font-family: "BTBlack";
      padding: 0 10px;
      z-index: 5;
    }

    .icon {
      width: 7rem;
      height: 1rem;
      margin-top: -0.3rem;
      background: rgb(255, 230, 204);
    }
  }

  .cart-frame {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    clear: both;


    .title-frame {
      width: 100%;
      height: 3rem;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      font-size: 1rem;
      line-height: 1rem;
      margin-top: 1.5rem;

      p {
        text-align: center;
        width: 100%;
      }

      .tips {
        font-size: 0.8rem;
        color: #646566;
      }
    }

    .product-frame {
      width: 100%;
      min-height: 5rem;
      clear: both;
      display: flex;
      margin-top: 2.5rem;

      .product-img {
        width: 8rem;
        height: 11rem;
        display: flex;
        align-items: center;

        .img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .product-main {
        width: 100%;
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        margin-left: 1.5rem;
        align-content: space-between;

        .type-frame {
          width: 100%;
          clear: both;
          display: flex;
          flex-wrap: wrap;
          align-content: flex-start;

          .product-title {
            width: 100%;
            clear: both;
            min-height: 1.6rem;
            font-size: 0.7rem;
            line-height: 0.8rem;
            font-family: "BTBlack";
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            ;
            line-clamp: 2;
            margin-top: 0.2rem;
            -webkit-box-orient: vertical;
          }

          .product-type {
            width: 100%;
            min-height: 1.6rem;
            font-size: 0.6rem;
            line-height: 0.8rem;
            margin-top: 0.5rem;
            display: flex;
            font-family: "Helvetica";
          }
        }

        .product-price {
          width: 100%;
          font-size: 1.2rem;
          line-height: 1.4rem;
          font-family: "BTBlack";
        }

        .product-info {
          width: 100%;
          flex: 1;
          min-height: 40%;
          height: 2rem;
          max-height: 50%;
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          font-size: 0.6rem;
          justify-content: space-between;
          font-family: "Helvetica";

          .van-stepper {
            border: 1px solid #c8c9cc;
          }

          .ac-bg {
            cursor: pointer;
            line-height: 0.7rem;
            border-bottom: 1px solid #000;
          }
        }
      }
    }

    .tips-frame {
      width: 100%;
      clear: both;
      margin-top: 4rem;
      font-size: 0.8rem;
      text-align: center;
      font-family: "BTBlack";

      .price {
        font-size: 2rem;
        line-height: 2rem;
      }
    }

    .btn-frame {
      max-width: 260px;
      clear: both;
      height: 3rem;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      margin-bottom: 1rem;
      margin-top: 3rem;
      font-size: 1.8rem;
      cursor: pointer;
      background: #D1FFE0;
      font-family: "BTBlack";
    }

    .img-fluid {
      margin-top: 3rem;
      cursor: pointer;
    }
  }
}
